import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "view-ui-plus/dist/styles/viewuiplus.css";
import { GridItem, Grid, InputNumber, Rate, Message, Button,  Input } from "view-ui-plus";


const app = createApp(App);
app.component("Grid", Grid);
app.component("GridItem", GridItem);
app.component("InputNumber", InputNumber);
app.component("Rate", Rate);
app.component("Button", Button);
app.component("Input", Input);

// 在vue实例上注册插件， 在使用useCtx()就能直调用方法了
const installMessage = {
  install(app) {
    app.config.globalProperties.$Message = Message;
  }
};

app.use(installMessage);
app.use(store)
  .use(router)
  .mount("#app");
